<template>
  <div>
    <div style="width:100%;height:5px;background-color:#F8F8F8"></div>
    <div class="a">
      <div class="b">
        <div class="text">我要退款(无需退货)</div>
        <div class="txt">没收到货，或与卖家协商同意无需退货只退款</div>
      </div>
      <div class="c" >
          <img src="../../../../static/img/mn/right.png" style="width:8px;height:16px;" alt="" @click="toRefund"/>
      </div>
    </div>
    <div class="a">
      <div class="b">
        <div class="text">我要退货退款</div>
        <div class="txt">已收到货，需要退回收到货物并退款</div>
      </div>
      <div class="c" >
          <img src="../../../../static/img/right.png" style="width:8px;height:16px;" alt="" @click="toRefunds"/>
      </div>
    </div>
  </div>
</template>

<script>
import { getFun } from "@/api/publicFun.js";
let publicFun = getFun();
export default {
  data() {
    return {
      userId:'',
      orderId:'',
    };
  },
  props: ["detailInfo", "isBuyer", "isSeller"],
  methods: {
    toRefund(){
	   	   let arg='[{"userId":"'+this.userId+'"},{"ordersId":"'+this.ordersId+'"}]' 
	   	   this.link('/market/orders/refund',arg)	   	
    },
    toRefunds(){
	   	   let arg='[{"userId":"'+this.userId+'"},{"ordersId":"'+this.ordersId+'"}]' 
	   	   this.link('/market/orders/goods',arg)	   	
	  },
  },
  mixins: [publicFun], //混入
  mounted() {
    this.ordersId = this.$router.currentRoute.query.ordersId;
    this.userId = this.$router.currentRoute.query.userId;
  }
};
</script>

<style scoped="">
.a {
  padding: 5px 15px 15px 15px;
  display: flex;
}
.b {
  width: 85%;
  padding: 5px;
  border-bottom:1px solid #F8F8F8;
}
.c {
  display: flex;
  width: 10%;
  padding-top: 20px;
  border-bottom:1px solid #F8F8F8;
}
.text {
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.txt {
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #999999;
}
</style>